.sec1 .icon {
    background-image: url("../images/info.png");
}

.sec2 .icon {
    background-image: url("../images/info.png");
}

.sec3 .icon {
    background-image: url("../images/info.png");
}

.sec4 .icon {
    background-image: url("../images/info.png");
}

.sec5 .icon {
    background-image: url("../images/info.png");
}

.sec6 .icon {
    background-image: url("../images/info.png");
}

.sec1 .text {
    color: #ffff43;
}

.sec2 .text {
    color: #ffff43;
}

.sec3 .text {
    color: #25f3e6;
}

.sec4 .text {
    color: #25f3e6;
}

.sec5 .text {
    color: #ff4e4e;
}

.sec6 .text {
    color: #ff4e4e;
}

.content {
    margin-top: 35px;
    height: calc(100% - 140px);
    width: 100%;
}

.contentNav > div {
    cursor: pointer;
    margin: 0 6%;
}

.contentMap {
    display: none;
    height: 100%;
    width: 100%;
    overflow: hidden;
}